<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
<!--    百度地图-->
<!--    <script type="text/javascript"-->
<!--            src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=QCM47pSbS9FeELeQRyPLiBJUMciHz6Rb">-->
<!--    </script>-->

    <!-- 腾讯地图API -->
    <script src="https://map.qq.com/api/gljs?v=1.exp&key=XP6BZ-P3UWA-OSEK2-CQFLX-KQ36Z-VQFX3"></script>

    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <!-- 启用Cesium -->

    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0">

  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <!-- 启用Cesium -->
  <!-- <link rel="stylesheet" href="./Cesium/Widgets/widgets.css"> -->
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>xyl</title>
    <style>
        /* *,
        *::before,
        *::after {
            box-sizing: border-box;
        } */
    </style>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
  <script src="/js/mapApi.js"></script>
  <!-- 启用Cesium -->
  <!-- <script type="text/javascript" src="/Cesium/Cesium.js"></script>
  <script type="text/javascript" src="/Cesium/cesiumTdt.js"></script>
  <script type="text/javascript" src="/Cesium/echarts.min.js"></script> 
  <script type="text/javascript" src="/js/world.js"></script> -->

</body>
<script>
    // 监听软键盘收起恢复 footer 显示
    window.addEventListener('resize', () => {
        const isKeyboardOpen = window.innerHeight < 500 // 可以根据设备动态判断
        document.querySelector('.footer').style.display = isKeyboardOpen ? 'none' : 'flex'
    })

</script>
</html>